

<div class="layout bgGrey" ng-class="{hasFixedFooter: filterIndex==1 || filterIndex==2 || filterIndex==3 }" style="min-height: 100vh;">
    <header class="titleBar">
        <a href="javascript:;" ng-click="liveCurPage()" class="back"><img src="images/back.png" alt=""></a>
        <div class="title">
            直播讲堂
        </div>
    </header>

    <div class="zbjt-player-area">
        <div class="project-info">
            <p class="title">视频题目：{{directbroadcast_name}}</p>
            <p class="autor">主讲专家：{{doctor_name}}</p>
        </div>
        <i class="full-module-btn" style="display: none;"></i>
    </div>
    <div class="filter zbjt-player-tab" style="z-index: 1;">
        <ul>
            <li ng-class="{selected: filterIndex==1 }" ng-click="showFilter(1)"><span>问答区</span></li>
            <li ng-class="{selected: filterIndex==2 }" ng-click="showFilter(2)"><span>聊天区</span></li>
            <li ng-class="{selected: filterIndex==3 }" ng-click="showFilter(3)"><span>打赏区</span></li>
            <li ng-class="{selected: filterIndex==4 }" ng-click="showFilter(4)"><span>文档区</span></li>
        </ul>
    </div>
    <!--功能区-->
    <div class="zbjt-player-active">
        <div ng-class="{shower: filterIndex==1 }">
            <ul class="chat-items-wp">
                <li class="chat-item clearfix" ng-repeat="item in QAList">
                    <div class="photo {{item.isSend ? 'fr' : 'fl'}}">
                        <img class="chat-p-img" src="../h5/images/avatar-person.png" />
                    </div>
                    <div class="content {{item.isSend ? 'fr tr' : 'fl tl'}} ">
                        <p class="chat-doctor-name">{{item.nickName}}</p>
                        <p class="chat-content">{{item.content}}</p>
                    </div>
                </li>
            </ul>
        </div>
        <div ng-class="{shower: filterIndex==2 }">
            <ul class="chat-items-wp">
                <li class="chat-item clearfix" ng-repeat="item in chatList">
                    <div class="photo {{item.isSend ? 'fr' : 'fl'}}">
                        <img class="chat-p-img" src="../h5/images/avatar-person.png" />
                    </div>
                    <div class="content {{item.isSend ? 'fr tr' : 'fl tl'}} ">
                        <p class="chat-doctor-name">{{item.nickName}}</p>
                        <p class="chat-content">{{item.content}}</p>
                    </div>
                </li>
            </ul>
        </div>
        <div ng-class="{shower: filterIndex==3 }">
            <ul class="receive-items-wp">
                <li class="receive-item" ng-repeat="item in rewards.items">
                    <span class="from-name">{{item.form_doctor_name}}</span>
                    <span>打赏金额</span>
                    <i class="rmb-limit">  {{item.finance_money}}  元</i>
                </li>
            </ul>
        </div>
        <div id="doc_show_area" ng-class="{shower: filterIndex==4 }"></div>
    </div>
    <footer class="nav zbjt-player-footer" ng-class="{'shower': ((filterIndex==1 || filterIndex==2 || filterIndex==3) && isNotStateE ), 'ds-model': filterIndex==3 }">
        <div class="answer" ng-class="{shower: filterIndex==1 || filterIndex==2 }" >
            <input name="chat_desc" ng-model="chat_desc" type="text" maxlength="50" class="input-chat-desc"/>
            <a class="input-btn-send" href="javascript:;" ng-click="sendChat()">发送</a>
        </div>
        <div class="ds" ng-class="{shower: filterIndex==3 }">
            <i class="ds-icon-btn" ng-click="setRewardDialogState('add')" href="javascript:;" ></i>
        </div>
    </footer>

    <div class="mask full" ng-hide="hidden"></div>
    <div class="maskTip evaluate" ng-hide="hidden" style="height: auto;padding-top: 40px;">
        <span class="close-icon" ng-click="hide();">X</span>
        <div ng-class="{shower: dialogType == 'add' }" style="display:none;">
            <div class='tl' style='padding-left: 40px;'>
                <label class='label-money' for='money'>打赏金额：</label>
                <input id='money' name='money' ng-model="money" type='tel'  ng-keyup="changeMoney()"  class='input-money' placeholder='输入打赏金额' maxlength="6" />
            </div>
            <div class="add-ds-form">
                <ul class="clearfix">
                    <li class="ds-je fl" ng-class="{selected: money == 5 }" ng-click="changeMoney(5)">5元</li>
                    <li class="ds-je fl" ng-class="{selected: money == 10 }" ng-click="changeMoney(10)">10元</li>
                    <li class="ds-je fl" ng-class="{selected: money == 20 }" ng-click="changeMoney(20)">20元</li>
                    <li class="ds-je fl" ng-class="{selected: money == 50 }" ng-click="changeMoney(50)">50元</li>
                    <li class="ds-je fl" ng-class="{selected: money == 100 }" ng-click="changeMoney(100)">100元</li>
                </ul>

                <div class="tl" ng-click="selectPay('balance')" >

                    <i class="pay-icon ye"></i>余额（剩余<span >{{member.doctor_remain}}</span>）
                    <i class="input-radio fr" ng-class="{_checked: selectedMethod == 'balance' }"  data-selectedMethod="balance"></i>
                </div>
                <div class="tl"  ng-click="selectPay('wechat')"  >
                    <i class="pay-icon wx"></i>微信
                    <i class="input-radio fr" ng-class="{_checked: selectedMethod == 'wechat' }"   data-selectedMethod="wechat"></i>
                </div>
            </div>
            <div class="dialog-confirm" ng-click="pay();">支付</div>
        </div>
        <div ng-class="{shower: dialogType == 'success' }" style="display:none;" >
            <div class="add-ds-form">
                <span class="close-icon" ng-click="hide();">X</span>
                <div class="ds-succ-icon">
                    <p class="text tc">
                        <span>赏金</span>
                        <span class="money">{{money}}元</span>
                    </p>
                </div>

            </div>
            <div class="dialog-confirm" ng-click="hide();">确定</div>
        </div>
        <div ng-class="{shower: dialogType == 'fail' }" style="display:none;" >
            <div class="add-ds-form">
                <span class="close-icon" ng-click="hide();">X</span>
                <div class="ds-fail-icon tc">
                    <img src="../h5/images/close-icon.png">&nbsp;&nbsp;&nbsp;支付失败！
                </div>
            </div>
            <div class="dialog-confirm" ng-click="addDs();">重新支付</div>
        </div>
    </div>

</div>





